<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <meta content="Free HTML Templates" name="keywords">
    <meta content="Free HTML Templates" name="description">
    <title>TrumpeT's | Weather.io</title>
    <link rel="icon" href="pic/weather-icon.png">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link rel="stylesheet" href="css/weather-style.css" />
    <link rel="stylesheet" href="css/line-animation.css">
    <link rel="stylesheet" href="css/weather-bg-animation.css">
    <script src="js/ip-address.js"></script>
    <script src="js/script.js" defer></script>
    <script src="js/ForbidZoom.js"></script>
</head>

<body>

<!--<div class="sea">-->
<!--    <div class="wave"></div>-->
<!--    <div class="wave"></div>-->
<!--</div>-->

    <div class="demo1 topic-1">
        <span><img class="pic-5 left-5" src="pic/face1.png" alt="image"></span>
        <span class="text-secondary-2 font-size50"><strong>TrumpeT's</strong></span>
        <span><img class="pic-5 right-5" src="pic/face2.png" alt="image"> </span>
    </div>

    <div class="position-1">
<!--<div id="loading"></div>-->
    <div class="cont">
        <div class="one">
            <h1>🌦️ Weather ☔️</h1>
        </div>
    </div>
    <div class="two">
        <div class="card">
            <div class="search">
                <label>
                    <input type="text" class="search-bar" placeholder="Search" />
                </label>
                <button>
                    <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em"
                        width="1.5em" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd"
                            d="M10.442 10.442a1 1 0 011.415 0l3.85 3.85a1 1 0 01-1.414 1.415l-3.85-3.85a1 1 0 010-1.415z"
                            clip-rule="evenodd"></path>
                        <path fill-rule="evenodd"
                            d="M6.5 12a5.5 5.5 0 100-11 5.5 5.5 0 000 11zM13 6.5a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z"
                            clip-rule="evenodd"></path>
                    </svg>
                </button>
            </div>
            <div class="weather loading">
				<div class="other">注意：请输入城市的中文名或英文名(通常为拼音)，例如："哈尔滨"->"Harbin"</div>
                <h2 class="city">Weather in Harbin</h2>
                <h1 class="temp">11°C</h1>
                <div class="flex">
                    <img src="https://openweathermap.org/img/wn/04d.png" alt="" class="icon" />
                    <div class="description">多云</div>
                </div>
                <div class="other">
                    <div class="humidity">湿度: 60%</div>
                    <div class="wind">风速: 6.2 km/h</div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid color-orange text-white py-4">  <!-- 底部版权声明div -->
        <div class="container text-center">
            <p class="mb-0">
            <span _mstmutation="1" _msthash="442650" _msttexthash="132708056">
                版权所有 © 2022.TRUMPET 保留所有权利。
                <a target="_blank" href="https://github.com/925003745?tab=repositories"
                   _mstmutation="1" _istranslated="1">
                    Trumpet's
                </a>
            </span>
            </p>
        </div>
    </div>
    </div>

</body>
</html>
